<script setup lang="ts">
// import CisMindTree from '@/lib/CisMindTree/CisMindTree';
import CisMindTree from '@/packages/library/CisMindTree/index.vue';

const data = {
  "leftNodesData": [{
    "id": "77a8bbc1-fa87-4b5e-8980-a7c9f3404ec8",
    "properties": {"title": 747},
    "children": null
  }, {
    "id": "c5821323-6dd9-42f6-8fed-f28300386de1",
    "properties": {"title": 419.07},
    "children": null
  }, {"id": "16e7c9c5-866c-41d7-9930-dcbe6750a4d7", "properties": {"title": 363.82}, "children": null}],
  "rightNodesData": [{
    "id": "f802d71f-8fc3-40e8-bb13-a50267d82278",
    "properties": {"title": 789},
    "children": null
  }, {
    "id": "125958db-a92a-487d-a489-b744c4864f1c",
    "properties": {"title": 740.15},
    "children": null
  }, {"id": "340d7bae-1ce0-480f-b15b-41c342a18121", "properties": {"title": 0.74}, "children": null}]
}
</script>

<template>
  <CisMindTree
      :centerNodeProperties="{title:'8888'}"
      :left-nodes-data="data.leftNodesData"
      :right-nodes-data="data.rightNodesData"
  ></CisMindTree>
</template>

<style scoped lang="scss">

</style>